<html>
<head>
    <title>美图网 - @yield('title')</title>
    <style>
        .body{
            text-align: center;
        }
        div{
            text-align: center;
        }
        .header{
            background: red;
            height: 100px;
        }
        .main{
            height: 500px;
        }
        .sidebar{
            width: 20%;
            height: 500px;
            float: left;
            background: #f0ad4e;
        }
        .content{
            width: 79%;
            height: 500px;
            float: right;
            background: burlywood;
        }
        .footer{
            height: 200px;
            background: blueviolet;
        }
    </style>
</head>
<body>
<div class="header">
    @section('header')
        头部
    @show
</div>
<div class="main">
    <div class="sidebar">
        @section('sidebar')
            侧边栏
        @show
    </div>
    <div class="content">
        @yield('content','主要区域')
    </div>
</div>
<div class="footer">
    @section('footer')
        底部
    @show
</div>
</body>
</html>

